$(function () {
    $("#mytable").bootstrapTable({
        url:"/user/pages",   //请求地址
        striped : true, //是否显示行间隔色
        pageNumber : 1, //初始化加载第一页
        pagination : true,//是否分页
        sidePagination : 'server',//server:服务器端分页|client：前端分页
        dataField:"list",
        maintainSelected: true,
        pageSize : 5,//单页记录数
        pageList : [ 5, 10, 20],//可选择单页记录数
        showRefresh : false,//刷新按钮
        queryParams : function(params) {//上传服务器的参数
            var temp = {
                pageSize : params.limit, // 每页显示数量
                startRow : params.offset, // SQL语句起始索引
                pageNum: (params.offset / params.limit) + 1,   //当前页码
                name:$('#search_userName').val(),
                tel:$('#search_tel').val()
            };
            return temp;
        },columns : [ {
            field : 'checked',
            checkbox: true,
            align: 'center',
            valign: 'middle',
        },{
            title : 'id',
            field : 'id',
            sortable : true
        }, {
            title : '姓名',
            field : 'name',
            sortable : true
        }, {
            title : '电话',
            field : 'tel',
            sortable : true
        },{
            title : '邮箱',
            field : 'email',
            sortable : true
        },
            {
                title: '操作&nbsp;&nbsp;&nbsp;&nbsp;<button onclick="addUser()" style="float: right;" data-toggle="modal" data-target="#editModal" class="btn btn-info">添加</button><button style="float: right;" onclick="batchDel()" class="btn btn-danger">批量删除</button>',
                field: 'id',
                align: 'center',
                formatter: function (value, row, index) {
                    var de = '<button href="#" id="detail" onclick="detail('+row.id+')" class="btn btn-primary" data-toggle="modal" data-target="#editModal" >详情</button> '
                    var e = '<button href="#" id="edit" onclick="editModal('+row.id+')" class="btn btn-warning"  data-toggle="modal" data-target="#editModal">编辑</button> '
                    var d = '<button href="#" id="delete" onclick="deleteMs('+row.id+')" class="btn btn-danger" style="margin-left:10px;">删除</button> ';
                    return de + e + d;
                }
            }]
    })
})
$('#search_btn').click(function() {
    $('#mytable').bootstrapTable('refresh', {
        url : '/user/pages'
    });
})
function detail(id){
    getMsg(id,'detail');

}

function getMsg(id,flag){
    $.ajax({
        type: 'post',
        sync: false,
        url: '/user/get',
        data: "id="+id,
        success: function (data) {
            if (data.code==200) {
                var row=data.data;
                $('#mytable').bootstrapTable('refresh');
                $('#id').val(row.id);
                $('#name').val(row.name);
                $('#userName').val(row.userName);
                $('#tel').val(row.tel);
                $('#email').val(row.email);
                if(flag=='detail'){
                    $('#closeBtn').hide();
                    $('#modifyBtn').hide();
                    $('#myModalLabel').text("详情");
                    $('#modifyBtn').text("详情");
                }else{
                    $('#closeBtn').show();
                    $('#modifyBtn').show();
                    $('#myModalLabel').text("编辑");
                    $('#modifyBtn').text("编辑");
                }
            }
            else {
                alert('修改失败');
            }
        }
    })
}

function editModal(id){
   getMsg(id,'');
}
function addUser(){
    $('#myModalLabel').text("添加");
    $('#modifyBtn').text("添加");
    $('#id').val('');
    $('#name').val('');
    $('#userName').val('');
    $('#tel').val('');
    $('#email').val('');
    $('#closeBtn').show();
    $('#modifyBtn').show();
}

function batchDel(){
    let rows= $('#mytable').bootstrapTable('getSelections');
    if (rows.length == 0) {// rows 主要是为了判断是否选中，下面的else内容才是主要
        alert("请先选择要删除的记录!");
        return;
    } else {
        let ids = new Array();// 声明一个数组
        $(rows).each(function() {// 通过获得别选中的来进行遍历
            ids.push(this.id);// cid为获得到的整条数据中的一列
        });
        deleteMs(ids)
    }
}

function editInfo() {
    var data={
        id: $('#id').val(),
        name: $('#name').val(),
        userName: $('#userName').val(),
        tel: $('#tel').val(),
        email:$("#email").val()
    }
    $.ajax({
        type: 'post',
        url: '/user/add',
        "contentType": "application/json",
        "dataType": "json",
        data: JSON.stringify(data),
        success: function (data) {
            if (data) {
                $('#mytable').bootstrapTable('refresh');
                $('#editModal').modal('hide');
            }
            else {
                alert('修改失败');
            }
        }
    })
}


function deleteMs(ids) {
    $.ajax({
        url : "/user/del",
        sync:false,
        data : "ids=" + ids,
        type : "post",
        dataType : "json",
        success : function(data) {
            $('#mytable').bootstrapTable('refresh', {
                url : '/user/pages'
            });
        }
    });
}
